.lottery-ball {
  width          : 48px;
  height         : 48px;
  font-size      : 30px;
  display        : inline-flex;
  justify-content: center;
  align-items    : center;
  color          : #ffffff;
  border-radius  : 50%;
  // box-shadow     : inset 0 0 10px 0 rgba(10, 10, 10, 0.5);
  margin         : 4px;
  transition     : all 0.5s ease;
}

.lottery-ball-red {
  // background-image: linear-gradient(to bottom, red, red 30%, red);
  background-color: #fb5592;
}

.lottery-ball-purple {
  // background-image: linear-gradient(to bottom, #bb16ff, #bb16ff 30%, #bb16ff);
  background-color: #6516ff;
}

.lottery-ball-green {
  background-color: green;
}

.lottery-ball-gray {
  background-color: gray;
}

.lottery-ball-orange {
  background-color: orange;
  color           : #000000;
}

.lottery-ball-yellow {
  background-color: yellow;
  color           : #000000;
}